﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
    <head>
        <title>填写信息</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
        <link rel="stylesheet" href="${ctx}/css/base_layout.css" />
        <style>
            html,body{
                background-color: #F9F4E5;
            }
        </style>
    </head>
    <body>
        <div class="info_main">
            <div class="info_head">
                <div class="div_circle"><img src="${ctx}/images/hema.png"></div>
                <div class="div_words">鑫苑名家in新乐居</div>
            </div>
            <ul class="introduction clearfix">
                <li>
                    <div style="width: 20%;font-size: 20px;color: #737373;line-height: 25px;">简介</div>
                    <div style="width: 80%;font-size: 16px;">
                        <p style="line-height: 25px;">新乐居把安全带回家，这里有独家打造的物业+全方位到家服务+大数据平台，让安全伴您每一刻！</p>
                    </div>
                </li>
            </ul>
            <form action="${ctx}/invite/invitesubmit.do?code=${code}" method="POST">
                <!--<input type="hidden" name="appid" value=" $ {appid}">-->
                <ul class="info_body clearfix">
                    <li>
                        <div class="div1">姓名<span style="color:#FC5732;">*</span></div>
                        <div class="div2">
                            <input type="text" id="name" name="name" placeholder="请输入您的姓名">
                        </div>
                    </li>
          
                    <li>
                        <div class="div1">手机号<span style="color:#FC5732;">*</span></div>
                        <div class="div2">
                            <input type="text" id="mobile" name="mobile"  placeholder="请输入您的常用手机号">
                        </div>
                    </li>
                    <li>
                        <div class="div1">楼座门牌号<span style="color:#FC5732;"></span></div>
                        <div class="div2">
                            <input type="text" id="placeno" name="placeno"  placeholder="例：3号楼1单元203">
                        </div>
                    </li>
                </ul>
                <div class="sub_btn">
                    <input type="submit" id="sub" value="提交">
                </div>
            </form>
        </div>
        <div style="position: relative;"><div id="err" class="err">cuo wu ti shi </div></div>

        <script type="text/javascript" src="${ctx}/js/jquery.min.js" ></script>
        <script type="text/javascript">
            $("#err").css("display", 'none');
            $(".info_body").click(function () {
                $("#err").css("display", 'none');
            });
            $(function () {
                $("#sub").click(function () {
                    var name = $("#name").val();
                    if (name == '') {
                        $("#err").html('姓名不能为空');
                        $("#err").css("display", 'block');
                        return false;
                    } else {
                        $("#err").css("display", 'none');
                    }
                    var phone = $("#phone").val();
                    if (phone == '') {
                        $("#err").html('手机号不能为空');
                        $("#err").css("display", 'block');
                        return false;
                    } else {
                        if (phone.match(/^((1)+\d{10})$/)) {
                            $("#err").css("display", 'none');
                        } else {
                            $("#err").html('手机号格式不正确');
                            $("#err").css("display", 'block');
                            return false;
                        }
                    }
//                    var door_num = $("#door_num").val();
//                    if (door_num == '') {
//                        $("#err").html('楼座门牌号不能为空');
//                        $("#err").css("display", 'block');
//                        return false;
//                    } else {
//                        $("#err").css("display", 'none');
//                    }

                })
            })

        </script>
    </body>
</html>
